<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Doctor Home Page</title>
<link href="doctormain.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.0/themes/cupertino/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script type="text/javascript" src="doctormain.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<!-- <script type="text/javascript" src="../js/jquery-1.11.1.js"></script> -->

</head>
<body>
	<div id="userinfo">
		<div id="useravatar">
			<img width="150px" height="120px" alt=""
				src="../images/avatar/Juli.jpg">
		</div>
		<div id="userdetails">
			<table>
				<tr>
					<td colspan="4" height="15px"></td>
				</tr>
				<tr>
					<td>Name:</td>
					<td width="200px"><input class="outbox" id="username"
						name="username" type="text" size="15" readonly="readonly" /></td>
					<td>Role:</td>
					<td><input class="outbox" id="role" name="role" type="text"
						size="15" readonly="readonly" /></td>
				</tr>
				<tr>
					<td colspan="4" height="15px"></td>
				</tr>
				<tr>
					<td>Date:</td>
					<td colspan="3"><input class="outbox" id="currdate"
						name="currdate" type="text" size="12" readonly="readonly" /></td>
				</tr>
			</table>
		</div>
		<div id="calendar"></div>
		<div id="signout">
			<a href="loginsystem.html">Sign Out</a>
		</div>
	</div>

	<div id="tabs">
		<div id="tabstitle">
			<ul>
				<li class="tabMenu" id="tabs1"><a href="#tabs-1">Appointment
						List</a></li>
				<!-- 
				<li class="tabMenu" id="tabs2"><a href="#tabs-2">Diagnosis</a></li>
				 -->
				<li class="tabMenu" id="tabs3"><a href="#tabs-3">Drugs List</a></li>
				<li class="tabMenu" id="tabs4"><a href="#tabs-4">Patients
						List</a></li>
			</ul>
		</div>
		<div id="tabsbody">
			<div id="tabs0page" class="tabpage" style="z-index: 1"></div>
			<div id="tabs1page" class="tabpage">
				<!--<table class="appointmentList"></table> -->
			</div>
			<div id="tabs3page" class="tabpage">
				<h2>Drugs List</h2>
				<p>Drugs List</p>
			</div>
			<div id="tabs4page" class="tabpage">
				<h2>Patients List</h2>
				<p>Patients List</p>
			</div>
		</div>
	</div>
	<div id="diaDiagnosis" title="Treament">
		<div id="tabs2page" class='"ui-widget'>
			<fieldset>
				<legend>Patient Informations:</legend>
				<table>
					<tr>
						<td>Name:</td>
						<td><input id="patientname" name="patientname" type="text"
							size="15" readonly="readonly" /></td>
						<td>Age:</td>
						<td><input id="patientage" name="patientage" type="text"
							size="5" readonly="readonly" /></td>
						<td>Phone:</td>
						<td><input id="phone" name="phone" type="text" size="15"
							readonly="readonly" /></td>
					</tr>
					<tr>
						<td>Address:</td>
						<td colspan="5"><input id="addressed" type="text" size="80"
							readonly="readonly" /></td>
					</tr>
				</table>
			</fieldset>
			<div id="content-treament">
				<fieldset style="display: inline">
					<legend>Current Diagnosis</legend>
					<div id="c-left">
						<div id="record-dia">
							<div class="titleDiv">
								<p>Treament</p>
							</div>
							<div id="commentDiv">
								<textarea id="commentsText"></textarea>
							</div>
						</div>
						<div id="drug-dia">
							<div class="titleDiv">
								<p>Durg List</p>
							</div>
							<div id="drugListSet">
								<table>
									<tr>
										<th>ID</th>
										<th>Name</th>
										<th>Dose</th>
										<th>Operation</th>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div id="c-right">
						<div class="titleDiv">
							<p>History</p>
							<div id="historDiv">
								<table>
									<tr>
										<th>ApptID</th>
										<th>Date</th>
										<th>DiaID</th>
										<th>Order</th>
									</tr>
									<tr>
										<td>211</td>
										<td>07-22-2014</td>
										<td>322</td>
										<td>523</td>
									</tr>
									<tr>
										<td>311</td>
										<td>07-29-2014</td>
										<td>522</td>
										<td>423</td>
									</tr>
									<tr>
										<td>411</td>
										<td>07-30-2014</td>
										<td>722</td>
										<td>323</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
	<!-- drug list -->
	<div id="drugDiv" title="Drug List"></div>
</body>
</html>